// 1.创建 ui 组件
// 2.创建 model
// 3.将 ui 组件和 model 连接

import React from 'react';
import { connect } from 'umi';
import { Button } from 'antd';

const dva = (props: any) => {
  const { dispatch } = props;

  console.log(props.tags.tagsList);

  const list = props.tags.tagsList.list || [];

  const getData = () => {
    // console.log('点击获取列表数据按钮');

    dispatch({
      type: 'tags/fetchTags',
      payload: null,
    }); //  命名空间 / 方法
  };

  return (
    <div>
      <h3>dva的使用</h3>
      <Button onClick={getData}>获取列表数据</Button>
      {list.map((item: any, index: any) => {
        return <p key={index}>{item.name}</p>;
      })}
    </div>
  );
};

export default connect(({ tags }) => ({ tags }))(dva);
